<template>
  <view class="order-attention-component">
    <view class="order-attention-body">
			<hsb-business-order-title-cell
				title="注意事项"
				:showRight="true"
				rightText="做好如下事项将能加快回收流程"
				:rightIcon="false"
			/>
    	<view class="order-attention-list">
				<template
					v-for="(item, index) in list"
				>
					<view
						v-if="!item.recycleType || item.recycleType === recycleType"
						:key="index"
						class="order-attention-item"
					>
						<image class="icon-image" :src="item.icon"></image>
						<view class="attention-text">{{ item.title }}</view>
					</view>
				</template>
			</view>
    </view>
  </view>
</template>

<script>
export default {
	props: {
		recycleType: String
	},
	data () {
		return {
			list: [
				{
					title: '请携带身份证',
					icon: require('@/static/images/icon_order_idcard.png'),
					recycleType: '6'
				},
				{
					title: '请做好数据备份',
					icon: require('@/static/images/icon_order_backup.png')
				},
				{
					title: '请解锁手机账号',
					icon: require('@/static/images/icon_order_unlocked.png')
				}
			]
		}
	}
}
</script>

<style lang="scss" scoped>
@import './index.scss';
</style>